<html>
<head>
	<title>tEd In-browser CSS HTML Editor</title>
	<link href="styles/layout.css"  rel="stylesheet" type="text/css" />	
	<link href="styles/general.css" rel="stylesheet" type="text/css" />	
    <meta name="Description" content="Edit HTML and CSS inside your Firefox browser" />
    <meta name="Keywords" content="edit css, edit html, edit xhtml, edit in your browser, browser editor, css editor, html editor, xhtml editor, javascript html editor, javascript css editor, javascript browser editor" />

</head>

<body>
	<div id="container">

		<div id="header">
			<h1>template Ed - In-browser CSS HTML Editor</h1>
		
										
			<a href="http://code.google.com/p/templateed/" title="template Ed@ Google Code">tEd @ Google Code</a> |
			<a href="http://uk.youtube.com/watch?v=uxF7zFMCzIY">Latest Video</a> |
			
			<a rel="nofollow" title="Click to test it now!" href="javascript:var%20scr=document.createElement('script');scr.setAttribute('src','http://templateed.com/ted2.js');document.getElementsByTagName('head')[0].appendChild(scr);void(0);">tEd Bookmarklet</a>			|
			<a href="simple_template.zip">Simple HTML page for testing</a>	 |
			<a href="http://code.google.com/p/templateed/w/list">Documentation</a>  |
			<a href="http://sheetup.com/" title="sheetUp Stylesheet Library">sheetUp</a> 
</div>
    <div id="content" class="home">
        <p><strong style="color:red;">This is extremely buggy, especially the save function. You have been warned :)</strong></p>
        <p><strong>Remember, you can right click on the editing windows to access more functionality.</strong></p>
        <p>
            tEd or template Ed is a real time webpage editor for Firefox 3. To test it fully simply open
            an <a rel="nofollow" href="simple_template.zip">html webpage</a> on your hard disk
            and click on the bookmark. Or try it out right now by clicking on this 
            "<a rel="nofollow" title="Click to test it now!" href="javascript:var%20scr=document.createElement('script');scr.setAttribute('src','http://templateed.com/ted2.js');document.getElementsByTagName('head')[0].appendChild(scr);void(0);">tEd Bookmarklet</a>" 
            link. Two editing windows will open and a small tab that displays the menu will
            appear. The HTML window has an extra menu along the top row while the CSS window
            has a custom right-click menu. The user must use it on a webpage on the local file
            system (e.g. file:///C:/websites/index.htm) to access functions such as "Save" because
            special privlages must be granted.
        </p>
        <p>
            template Editor's purpose is to allow a user to do as much editing within the same
            window as possible.
        </p>
        <h2>
            Features/Status</h2>
        <p>
            Currently only for Firefox 3 on Windows. (Haven't tested Firefox 2, and the content editible divs don't seem to work on Firefox for Linux.</p>
        <h3>General</h3>

			<ul>
				<li>Select a background mockup to work against</li>
				<li>Auto complete HTML tags, CSS property and value names</li>
				<li>Basic code formatting</li>
				<li>Insert HTML entities</li>
				<li>CSS Formatting</li>
				<li>Add CSS Rule by clicking on an element on the page</li>
				<li>Outline the DIV Elements*</li>
				<li>Goto line - Ctrl+G</li>
				<li>Code font size</li>
				<li>Double click measurements and use the Up and Down keys to increment and decrement their values</li>
				<li>Preview images and colours by hovering over them</li>
			</ul>

				
			<p>*Recomended to use tEd with <a href="http://getfirebug.com/">Firebug</a> and the <a href="https://addons.mozilla.org/en-US/firefox/addon/60">Web Developer</a> toolbar.</p>	
			
			<p>Read detail about these functions on the tEd Google code page.</p>	

			
			<h3>Major Todo</h3>
			<ul>		
				<li>Undo buffer</li>
				<li>Annoying text editing bugs</li>
				<li>This website</li>
				<li>Auto complete tweaking</li>
				<li>HTML formatting tweaking</li>
			</ul>

			<h3>Todo After</h3>
			<ul>	
				<li>Some way of being able to edit PHP includes and ASP master pages and controls. Might need to use an iframe.</li>
				<li>Resize elements on page with mouse</li>
				<li>Endhance code highlighter. Speed it up and make it work on multiple lines.</li>
			</ul>





		</div>
		<div id="footer">
<!-- AddThis Button BEGIN -->
<script type="text/javascript">var addthis_pub = "simonbrown33";</script>
<a href="http://www.addthis.com/bookmark.php" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s7.addthis.com/static/btn/lg-share-en.gif" width="125" height="16" border="0" alt="" /></a><script type="text/javascript" src="http://s7.addthis.com/js/152/addthis_widget.js"></script>
<!-- AddThis Button END -->
<br /><br />
			tEd - Simon Brown 2008 - simonbrown33 _At_ gmail _Dot_ com
		</div>
	</div>


<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-5460797-5");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>

      
</html>